<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>MINETT - Template by entiri</title>
	<meta name="description" content="MINETT - Responsive HTML Template by entiri">
	<meta name="keywords" content="minett, entiri, theme, template, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet">
  <link href="css/bootstrap-override.css" rel="stylesheet">

  <!-- Font Avesome Styles -->
  <link href="css/font-awesome/font-awesome.css" rel="stylesheet">
	<!--[if IE 7]>
		<link href="css/font-awesome/font-awesome-ie7.min.css" rel="stylesheet">
	<![endif]-->

  <!-- FlexSlider Style -->
  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">

  

	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

</head>       
<body>
  <!-- Header -->
  <header id="header">
 
    <div class="container">
      <div class="row t-container">
        <div class="texture">
          <img src="img/background.png" alt="">
        </div>
        <!-- Logo -->
        <div class="span3">
          <div class="logo">
            <a href="index-2.html"><img src="img/logo-header.png" alt=""></a>
          </div>            
        </div>

        <div class="span9">
          <div class="row space90"></div>
          <nav class="navbar">
            <!-- Menu -->
            <ul class="nav">
              <li><a href="index-2.html" title="">Home</a></li>
              <li><a href="about-us.html" title="">About Us</a></li>                
              <li><a href="gallery.html" title="">Gallery</a></li>
              <li><a href="services.html" title="">Services</a></li>
              <li class="active"><a href="components.html" title="">Features</a>
                <!-- Submenu -->
  							<ul>
                  <li><a href="components.html" title="">Components</a></li>
                  <li><a href="pricing.html" title="">Pricing</a></li>
                  <li><a href="blog-detail.html" title="">Blog Detail</a></li>
  								<li><a href="grid.html" title="">Grid System</a></li>
                  <li><a href="contact.html" title="">Contact</a></li>
  							</ul>
                <!-- End Submenu -->                  
              </li>
              <li><a href="blog.html" title="">Blog</a></li>  
            </ul>
          </nav>
          <div class="row space15 hidden-phone"></div>
        </div>

        <div class="span8">
          <div class="row">

            <div class="span6 offset2">
              <h1>We are <strong>MINETT</strong></h1>
              <div class="head-info">
                Magna in pulvinar tempor montes pulvinar habitasse parturient? Elementum facilisis sit et, dolor placerat, turpis auctor.
                <br><br>
                Lundium ultricies augue urna arcu aliquet velit?
              </div>   
            </div>  
          
          </div>
        </div>
      </div>  

  </div> 
  </header>
  <!-- Header End -->

  <div class="row space50"></div>

  <!-- Content -->
  <div id="content">
    <div class="container">
      <div class="row">
        <div class="span12">     
          <h2>Get in touch</h2>
        </div>        
                
        <div class="span6">
          <h3>Tabs</h3>
          <!-- Tabs -->
          <div class="tabbable">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
              <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
              <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="tab1">
                <h3>I'm in Section 1</h3>
                <p>Ut wisi enim ad minim veniam, quis nostrud exeinim et.Pie wafer wypas candy canes toffee. Co adipisicing elit, lit in voluptah uveere velit aliquet.Pie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer posuere erat a ante venenatis dapibus posuerci tation ullamcorper susc nostrudexerci tation ullamcoramcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendinim veniam, quis nostrud exerci tation ullamcorper suscipit lobrerit in vul</p>
              </div>
              <div class="tab-pane" id="tab2">
                <h3>I'm in Section 2</h3>
                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcinim veniam, quis nostrud exerci tation ullamcorper t lobortis nisl ut alisequat. Duis autem vel einim veniam, quis nostrud exerinim veniam, quis nostrud exerci tation ullamcorper suscipit lobci tation ullamcorper suscipit lobum iriure dolor in hendruis aute irure dolor in reprehenderit in voluptah ultricies vehat a ante veere velit aliquet.Pie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer posuere erat a ante venenatis dapibus posuerit in vul</p>
              </div>
              <div class="tab-pane" id="tab3">
                <h3>I'm in Section 3</h3>
                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, quis nostrud exeruis aute irure dolor in reprehenderit in voluptah ultricies vehat a ante veere velit aliquet.Pie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer posuere erat a ante venenatis dapibus posuci tation ullamcorper suscipit lobxerci tation ullamcorper suscipit lobul</p>
              </div>
            </div>
          </div>
          <!-- Tabs End -->
        </div>
        <div class="span6">
          <h3>Content</h3>
          <p>
          Porta montes montes vel nunc cras porttitor mid elementum dictumst dignissim dapibus urna ac, enia, magna dictumst odio, a tincidunt rhoncus massa in in risus nunc augue pham? Aenean, urna, magna dictumst odio massa in in risus nunc augue phasellus mattis mid elementum dictumst dignissim dapibus urna ac, enim? 
          </p><p>
          Porttitor! Aenean, urna, magna dictumst odio, a tingue phasellus mattis mid elementum dictumst dignissim dapibucidunt rhoncus massa in in risus nunc augue phasellus mattis Aenean, urna, magna dictumst odio massa in in risus nunc augue phasellus mattis mid elementum dictumst dignissim dapibus.
          </p><p>
          Tingue phasellus mattis mid elementum dictumst dignissim dapibucidunt rhoncus massa in in risus nunc augue phasellus mattis Aenean, urna, magna dictumst odio massa in in risus nunc augue phasellus mattis mid elementum dictumst dignissim dapibus.
          </p>
        </div>        

        <div class="row space40"></div> 
              
        <div class="span12">
          <h3>Our Clients</h3>
        </div>

        <div class="span12">
          <div id="our-clients" class="slider2 flexslider">
            <ul class="slides">
              <li>
                <div class="row">
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/1.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/2.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/3.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/4.png" alt="">
                    </a>
                  </div>
                </div>  
              </li>
              <li>
                <div class="row">
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/4.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/3.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/1.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/2.png" alt="">
                    </a>
                  </div>
                </div>  
              </li>
            </ul>
          </div>  
        </div>
        
      </div>
      <div class="row space50"></div> 
    </div>
  </div>
  <!-- Content End -->
  
  <!-- Footer -->
  <footer id="footer">
    <div class="container">
      <div class="row">
        <div class="span12 pos-r">
          <h2>Get to know us completely</h2>
          <div class="texture-footer">
            <img src="img/background-footer.png" alt="">
          </div>
        </div>
      </div>
        
      <div class="row">
        <div class="span5">
        <p>
        OT Porta montes montes vel nunc cras porttitor mid elementum dictumst dignissim dapibus urna ac, enim?
        </p>
        <h3>Contact Form</h3>
        <div> 
          <form class="form-main" name="ajax-form" id="ajax-form" action="http://www.entiri.com/minett/php/mail-it.php" method="post">
            <div id="ajaxsuccess">E-mail was successfully sent.</div> 
            <div class="error" id="err-name">Please enter name</div>
            <input name="name" id="name" type="text" value="Name" onfocus="if(this.value == 'Name') this.value='';" onblur="if(this.value == '') this.value='Name';">
            
            <div class="error" id="err-email">Please enter e-mail</div>
		        <div class="error" id="err-emailvld">E-mail is not a valid format</div>
            <input  name="email" id="email" type="text" value="E-mail" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this.value='E-mail';">

            <div class="error" id="err-message">Please enter message</div>
            <textarea  name="message" id="message" onfocus="if(this.value == 'Message') this.value='';" onblur="if(this.value == '') this.value='Message';">Message</textarea><br>
            <div>
            	<div class="error" id="err-form">There was a problem validating the form please check!</div>
            	<div class="error" id="err-timedout">The connection to the server timed out!</div>
            	<div class="error" id="err-state"></div>
            </div>
            <button id="send" class="btn f-right">Send Message <i class="icon-ok"></i></button>
          </form>
        </div>
        
        <div class="row space40"></div>  
                
          <a href="#" class="social-network sn2 behance"></a>
          <a href="#" class="social-network sn2 facebook"></a>
          <a href="#" class="social-network sn2 pinterest"></a>
          <a href="#" class="social-network sn2 flickr"></a>
          <a href="#" class="social-network sn2 dribbble"></a>
          <a href="#" class="social-network sn2 lastfm"></a>
          <a href="#" class="social-network sn2 forrst"></a>
          <a href="#" class="social-network sn2 xing"></a>      
      
        </div>
        <div class="span3 offset3">
             
          <div class="space80"></div>
          <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&amp;msid=210946297010027755543.0004c74af772bb9276d33&amp;ie=UTF8&amp;ll=48.576981,19.13117&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe>
          <div class="space70"></div> 

          <h3>Address</h3>
          81 Sunnyvale Street<br>
          Los Angeles, CA 90185<br>
          United States<br>
          <br>
          <i class="icon-phone"></i>+48 880 440 110<br>
          <i class="icon-envelope"></i><a href="mailto:support@example.com">support@example.com</a><br>
          <i class="icon-home"></i><a href="#">www.example.com</a>

        </div>
      </div>
      
      <div class="row space50"></div>
      <div class="row">
        <div class="span6">
          <div class="logo-footer">
            <a href="index-2.html"><img src="img/logo-footer.png" alt=""></a>
            CORPORATE TEMPLATE
          </div>                       
        </div>
        <div class="span6 right">
          &copy; 2013 MINETT. All rights reserved. Collect from 
          <a href="http://www.cssmoban.com/" rel="external">模板之家</a>
        </div>
      </div>

    </div>
  </footer>
  <!-- Footer End -->

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>  
	<script type="text/javascript" src="js/functions.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" defer src="js/jquery.flexslider.js"></script>

</body>
</html>
  